$family: "Microsoft YaHei";

// gray color
$color-gray-light: #999;
$color-gray: #666;
$color-gray-dark: #333;

// define font size
$size-small: 14px;
$size-normal: 16px;
$size-large: 20px;

$size-title-small: 36px;
$size-title: 48px;
$size-title-large:60px;

// define padding spce
@mixin space {
    padding-left: 20px;
    padding-right: 20px; 
}

@mixin space-large {
    padding-left: 40px;
    padding-right: 40px;
}

// define page size
@mixin responsive {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    @include space;
    position: relative;
}

@mixin hyperlink {
    text-decoration: none;
    color: $color-gray-dark;
}